.main {
	width: 100vw;
	height: 100vh;
	/* flex容器 */
	display: flex;
	/* 设置主轴方向为垂直方向 */
	flex-direction: column;
}

.header {
	background-image: url("../img/header.jpg");
	width: 100vw;
	height: 100px;
	flex: 0 0 auto;
	border: 5px solid #1B6D85;
}

.middle {
	width: 100vw;
	height: 90vh;
	flex: 1 1 auto;
	border: 5px solid #255625;
	/* flex容器 */
	display: flex;
}

.footer {
	width: 100vw;
	height: 100px;
	flex: 0 0 auto;
	border: 5px solid #FF6600;
}

.menu {
	width: 100%;
	height: 10%;
	flex: 0 0 auto;
	border: 5px solid #8A6D3B;
}

.content {
	background-image: url("../img/welcome.jpg");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	height: 100%;
	flex: 1 1 auto;
	border: 5px solid #C7254E;
}

#sc{
	font-size: 20px;
	padding: 25px 25px 25px 25px;
}

#nm{
	text-align: right;
	font-size: 20px;
	padding-top: 8px;
	
}

#box{
	text-align: center;
	font-size: 25px;
	margin-top: 5px;
}